

<script setup>
	import ListItem from "./ListItem.vue";
	import { groupMap } from "/global.js";
</script>

<template>
	
	<view>
		<ul class="list">
			<ListItem
				v-for="(value, key) in groupMap"
				:key="value[0]"
				v-bind:group-id="value[1].id"
				v-bind:avatar-content="value[1].avatarContent"
				v-bind:group-name="value[1].name"
			/>
		</ul>
	</view>
	
</template>


<style>
	
	.list {
		margin-top: 2vh;
	}
	
</style>

